<template>
	<div>
		<p v-if="userInfo.M_LoginID"> 
			欢迎回来 {{userInfo.M_LoginID}} 积分：{{userInfo.M_Scores}}
			<button @click="loginOut()">退出</button>
		</p>
		<p v-else>
			<router-link to="/login">登录</router-link> |
			<router-link to="/register">注册</router-link>
		</p>
		<!-- template 有且只有一个根节点 -->
		<h1>我是可爱的首页</h1>
		<p>{{msg}}</p>
		<!-- 通过props传参的方式给 Swiper子组件传入time时间 gallery幻灯片数据 -->
		<!-- <Swiper :time="3000" :gallery="gallery"></Swiper>
		<Swiper :time="5000" :gallery="gallery.slice(0,2)"></Swiper>
		<Swiper :time="2500" :gallery="gallery.slice(-3)" style="width: 500px;"></Swiper> -->
	</div>
</template>
<script>
	// 导入swiper组件
	import Swiper from '../components/Swiper.vue'
	// 导出默认
	export default {
		created(){
			// 请求搜索数据
			this.getSearchPage()
			this.getPage();
			// 获取用户信息
			this.getUserInfo();
		},
		methods:{
			loginOut(){
				// 退出post（url，data，config） url请求的地址，data请求的数据，config请求的配置
				this.$http.post("/member/index_login.php","dopost=exit",{headers:{'Content-Type':'application/x-www-form-urlencoded'}})
				.then(res=>{
					alert(res.data.msg);
					// 如果退出成 请求userInfo
					if(res.data.status==1){
						this.userInfo = {};
					}
				})
			},
			getUserInfo(){
				// 通过网络请求
				this.$http.get("/member/ajax_login.php")
				// 拿到用户信息
				.then(res=>{
					if(res.data){
						this.userInfo = res.data;
					}
				})
				.catch(err=>{
					console.log(err);
				})
			},
			// 使用fetch请求数据
			getSearchPage(){
				fetch("/motor/searchpage/launcher/main/v1/")
				.then(res=>res.json())
				.then(res=>{
					console.log(res)
				})
				.catch(err=>console.error(err))
			},
			getPage(){
				fetch("/v1/home/page",{
					method:"post",
					body:"client_id=180100031051&channel_id=&webp=1&page_type=home",
					headers:{
						'content-type': 'application/x-www-form-urlencoded'
					}
				})
				.then(res=>res.json())
				.then(res=>console.log("page",res))
				.catch(err=>console.log("err",err))
			}
		},
 		// data必须是个函数
		data(){return {
			msg:"我是大前端",
			userInfo:{},
			// gallery:[
			// 	"https://1yd.me/images/new/banner1.jpg",
			// 	"https://1yd.me/images/new/banner2.jpg",
			// 	"https://1yd.me/images/new/banner3.jpg",
			// 	require('../assets/images/pic1.jpg'),
			 
			// ]
		}},
		// 注册组件
		components:{Swiper}
	}
</script>
<style scoped="scoped">
	/* scoped 让css作用域只限于当前组件 */
	h1{color:#42B983;}
</style>

 